<template>
  <div>
        <myCard class="mycard" :Data="indexData"></myCard>
        <el-row>
          <el-col :span="24">
            <el-card class="mycard"> 
              <!-- :newdata="newdata" -->
            <timeTemper ></timeTemper>
            </el-card>
          </el-col>
          <!-- <el-col class="sort" :span="9">    
            <el-card>                                                                                                                                                                                                                                                            
              <temperSort></temperSort>
            </el-card>
          </el-col> -->
        </el-row>
  </div>
</template>
<script>
import myCard from './component/myCard'
import timeTemper from './component/timeTemper'
import temperSort from './component/temperSort'
import { mapGetters } from 'vuex'
export default {
  components: {
    myCard,
    timeTemper,
    temperSort
  },
  created() {
    this.getData()
    // this.newTemper()
  },
  mounted() {
    this.newTemper()
  },
  methods: {
    getData() {
      this.$store.dispatch('getData')
    },
    newTemper() {
      this.$store.dispatch('newTemper')
    }
  },
  computed: {
    ...mapGetters([
      'indexData'
      // 'newdata'
    ])
  },
  data() {
    return {}
  }
}
</script>
<style scoped>
.el-col{
  margin: 4px;
}
.mycard {
  margin: 7px;
}/* 
.sort{
  width: 36.5%;
} */
</style>

